.operation {
	margin-left: 4%;
	width: 400px;
	height: 500px;
	border:1px solid  #e3e3e3;
	border-radius: 5px;
}
.operation-title {
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	letter-spacing: 4px;
	font-weight: bold;
	background-color: #3a8ee6;
	border-bottom: 1px solid #e3e3e3;
	color: #fff;
}
.operation-body-title {
	padding: 10px;
	color: #606266;
	font-weight: bold;
}
.operation-body-title > span {
	font-size: 14px;
	color: #a3a3a3;
	font-weight: 100;
}
.operation-body-input {
	display: flex;
	padding: 10px;
}
.operation-body-input > input {
	border: 1px solid #e3e3e3;
	height: 35px;
	padding-left: 4px;
}
.operation-body-input >  div {
	background-color: #3a8ee6;
	line-height: 35px;
	padding-left: 18px;
	padding-right: 18px;
	color: #fff;
	cursor: pointer;
	width: 70px;
	text-align: center;
}
.operation-body-input > .cancel {
	background-color: #F56C6C;
}
.operation-body-xian {
	padding: 10px;
	flex-wrap: wrap;
	display: flex;
	
}
.operation-body-xian > .button {
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #3a8ee6;
	line-height: 40px;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	margin-bottom: 20px;
}
.operation-body-xian > div {
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-position: center;
	background-size: cover;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 18px;
}
 .lefttop  {
	background-image: url('@/common/image/killer/2.png');
	transform: rotate(-90deg);
}

 .righttop  {
	background-image: url('@/common/image/killer/2.png');
	transform: rotate(0deg);
}
.leftbuttom  {
	background-image: url('@/common/image/killer/2.png');
	transform: rotate(180deg);
}

 .rightbuttom  {
	background-image: url('@/common/image/killer/2.png');
	transform: rotate(90deg);
}



 .lefttopbuttom  {
	 background-image: url('@/common/image/killer/0.png');
	transform: rotate(-90deg);
}
 .righttopbuttom  {
	 background-image: url('@/common/image/killer/0.png');
	transform: rotate(90deg);
}
 .lefttopright  {
	 background-image: url('@/common/image/killer/0.png');
	transform: rotate(0deg);
}
 .leftbuttomright  {
	 background-image: url('@/common/image/killer/0.png');
	transform: rotate(180deg);
}

 .center  {
	 background-image: url('@/common/image/killer/3.png');
}
	
.verticalcenter {
	
	background-image: url('@/common/image/killer/3.png');
	transform: rotate(90deg);
}
.topcenter {
	 background-image: url('@/common/image/killer/1.png');
	transform: rotate(180deg);
}
.xuanzhong {

	border: 2px solid #3a8ee6;
	border-radius: 4px;
}


.dotted {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 99%;
	height: 99.9%;
	background-position: center;
	background-size: cover;
}
